<template>
	<view class="">
		<view v-if="shopShow">
			京东
		</view>
		<view v-else>
			淘宝网
		</view>
		<view v-if="day === 1">星期一</view>
		<view v-else-if="day === 2">星期二</view>
		<view v-else-if="day === 3">星期三</view>
		<view v-else-if="day === 4">星期四</view>
		<view v-else-if="day === 5">星期五</view>
		<view v-else-if="day === 6">星期六</view>
		<view v-else-if="day === 7">星期天</view>
	</view>
	
	<template v-if="shopShow">
		<view>template京东</view>
		<view>template淘宝</view>
	</template>
</template>

<script setup>
	import { ref } from 'vue';
	const shopShow = ref(false);
	const day = ref(4);
	// v-show 和 v-if的区别
	// v-if：会将view给隐藏掉不显示。
	// v-show：只是通过css隐藏，资源已经加载。
	
</script>

<style lang="scss" scoped>

</style>
